<template>
  <div class="h5-container">
    <NavBar title="签署合同" :onClickLeft="toBack"></NavBar>
    <iframe class="iframe-wrapper" :src="iframeSrc"></iframe>
  </div>
</template>

<script>
import NavBar from './components/NavBar';

export default {
  name: 'contractIframe',
  components: {
    NavBar,
  },
  data() {
    return {
      flowId: '',
      iframeSrc: '',
    };
  },
  created() {
    this.iframeSrc = this.$route.query?.url;
  },
  methods: {
    // 返回合同列表
    toBack() {
      this.$router.push({
        path: '/contracts',
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.h5-container {
  height: 100vh;
}
.iframe-wrapper {
  position: absolute;
  top: 100px;
  width: 100%;
  height: calc(100% - 100px);
  z-index: 0;
  border: medium none;
}
</style>

